<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<style>
	#id {
		width: 100px;
		height:  200px;
		background-color: red;
	}
</style>
<body>
	<div id="id"></div>
	<script>
		window.onload = function (argument) {
			// body...
			document.getElementById('id').onclick = function() {
						alert('click');
					}
			// alert("onload");
			document.getElementById('id').click();
		};




		window.onresize = function (argument) {
			// body...
			alert('reset');
			console.log('reset');
		}




		//onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。
		// window.onbeforeunload = function(e){
		// 	 if (event.clientX > document.body.clientWidth && event.clientY < 0 || event.altkey) {
		// 	        alert("1");
		// 	    }
		//     var message = '确定离开此页吗?你还有9999万元宝待领取';

	 //        (e || window.event).returnValue = message;

	 //        return message;
		// }


		// onunload 事件在用户退出页面时发生。
		window.onunload = function(){
			console.log('退出时触发');
		}



	// window.onpagehide = function (argument) {
	// 	alert('onpagehide') 
	// 	console.log('onpagehide');
	// 	return 222;
	// }


	 document.addEventListener('visibilitychange', function() {
		  var isHidden = document.hidden;
		  if (isHidden) {
		     document.title = '当焦点不在当前窗口时的网页标题';
		     console.log('隐藏')
		   } else {
		   	document.title = '再变回来或者做点其他的';
		   	console.log('显示')
		  }
	});

		window.onbeforeunload=function(){
			//跳转页面或刷新页面会产生提示信息
			if(document.all){
				if(event.clientY < 0){
					return "确定要离开吗？";
				}
			}else{
				return "确定要离开吗？";
			}
		}
	</script>
</body>
</html>